@import '../../config/base.scss';
.cart-address-select{
    .address{
        padding:$gap;
        border-bottom: 10px solid #ECECEC;

        .sign{
            display: inline-block;
            overflow: hidden;
            width: 0.4rem;
            margin-right: 0.08rem;
            vertical-align: top;

            .pick{
                width: 0.4rem;
                display: inline-block;
                box-sizing: border-box;
                border: 1px solid $base-green;
                border-radius: 4px;
                text-align: center;
                color:$base-green;
            }

            .delivery{
                width: 0.4rem;
                display: inline-block;
                box-sizing: border-box;
                border: 1px solid $base-orange;
                border-radius: 4px;
                text-align: center;
                color:$base-orange;
            }
        }

        .detail{
            position: relative;
            display: inline-block;
            width: 100%;
            padding-right: 10px;

            p{
                font-size: $fs-medium;
                color:#353535;
                margin-bottom: 7px;
            }

            span{
                font-size: 13px;
                color: #A8A8A8;
            }
        }

        .detail.active:after{
            content:'\e614';
            font-family: "iconfont";
            position:absolute;
            right:0;
            top:40%;
            color:#999;
            font-size:16px;
        }
    }

    .address-none{
        padding:$gap;
        border-bottom: 10px solid #ECECEC;
        display: block;
        text-align: center;
        font-size: 15px;
        color: $base-green;
        font-weight: bold;
    }
}

.cart-station{
  padding:$gap;
  height:0.5rem;
  border-bottom:1px solid #f0f0f0;
  overflow:hidden;
    position: relative;

  .station{
    float: left;
    width: calc(100% - 90px);
    height:21px;
    //overflow: hidden;
    //white-space: nowrap;
    //text-overflow: ellipsis;
      font-size: $fs-medium;
      color: #3F3F3F;
      font-weight: bold;

    span{
      font-size: 14px;
    }

    img{
      width:0.15rem;
      margin-right:0.05rem;
      vertical-align: middle;
    }
  }

    .type-wrapper{
        position: absolute;
        right: 0;
        width: 91px;
        background-color: #FFF;
    }

    .type{
        width: 76px;
        height: 20px;
        border: 1px solid $base-green;
        border-radius: 10px;
        box-sizing: border-box;
        background-color: #FFF;

        div{
            width: 37px;
            text-align: center;
            color: $base-green;
            border-radius: 10px;
        }

        div.active{
            background-color: $base-green;
            color: #FFF;
        }
    }

  .link{
    float:right;
    font-size:14px;
    color:$base-green;
  }
}
